<!DOCTYPE html>
<html lang="cn-ZH">
<head>
  <meta charset="UTF-8">
  <link rel="shortcut icon" href="../img/logo/ico-B.ico">
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="../css/common.css">
  <title>web1802</title>
</head>
<body>
  <div class="container">
    <!--页主体开始行-->
    <div class="row">
      <!--页主体右侧课程内容-->
      <div class="col-sm-3 col-sm-push-9">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
          <!--博主资料卡-->
          <div class="panel panel-default hidden-xs">
            <div class="panel-heading">
              <div class="row">
                <img src="../img/logo/ico-B.ico" alt="" class="bolgerHead col-xs-3  hidden-sm" >
                <a href="" class="btn btn-default pull-right  col-xs-12 col-sm-4 col-md-3">关注</a>
                <b class=" col-xs-6">tangtangtang</b>
              </div>
            </div>
            <div class="panel-body">
              <div class="row justifyCenter">
                <div class="col-sm-6 col-lg-3">原创 <br>11</a></div>
                <div class="col-sm-6 col-lg-3 ">粉丝 <br>10</a></div>
                <div class="col-sm-6 col-lg-3 ">喜欢 <br>22</a></div>
                <div class="col-sm-6 col-lg-3 ">评论 <br>18</a></div>
              </div>
            </div>
          </div>
          <!--面试题集合----------------------------------------------------------->
          <div class="panel panel-danger ">
            <div class="panel-heading " role="tab" id="heading_blogList">
              <h4 class="panel-title">
                <a  role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse_blogList"
                    aria-expanded="false" aria-controls="collapse_blogList">
                  js面试题集合 <span class="badge">4</span>
                </a>
              </h4>
            </div>
            <div id="collapse_blogList" class="panel-collapse collapse" role="tabpanel"aria-labelledby="heading_blogList">
              <div class="panel-body"><a href="">js面试题</a></div>
              <div class="panel-body"><a href="">SQL</a></div>
              <div class="panel-body"><a href="">DDL</a></div>
              <div class="panel-body"><a href="">DQL</a></div>
            </div>
          </div>
        </div>
      </div>
      <!--左侧内容主体-------------------------------------------------------------------->
      <div class="col-sm-9 col-sm-pull-3">
        <!--路径导航-->
        <ol class="breadcrumb">
          <li><a href="../../home.html">Home</a></li>
          <li><a href="#">好文章</a></li>
          <li class="active">数组常用方法</li>
        </ol>
        <!--内容主体-->
        <div class="row">
          <div class="col-xs-12 ">
          <h1>文章标题</h1>
          <span>2018年06月18日 09:09:05</span>
          <span class="navbar-right">阅读数:<span>1903</span></span>
          <hr >
          <b>这儿写文章内容</b>
          <!--文章尾部-->
          <div class="text-info">
            版权声明：本文为博主原创文章，未经博主允许不得转载。https://codet.xyz/data/html/articleModal.html
          </div>
        </div>
        </div>
      </div>
    </div>
  </div>
  <!--js引入部分-->
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>